/*	background-clip	规定背景的绘制区域。
	background-origin	规定背景图片的定位区域背景图片可以放置于 content-box、padding-box 或 border-box 区域。
	background-size	规定背景图片的尺寸。
*/
div{
	display: inline-block;
}
.demo1{
	width: 100px;
	height: 100px;
	background:url(../img/bg_flower.gif);
	/* -moz-background-size:63px 100px; 老版本的 Firefox */
	background-size:63px 100px;
	background-repeat:no-repeat;
	border: 2px solid black;
	margin-bottom: 2px;
}
.demo2{
	width: 100px;
	height: 100px;
	background:url(../img/bg_flower.gif);
	/*-moz-background-size:40% 100%;  老版本的 Firefox */
	background-size:40% 100%;
	background-repeat:no-repeat;
	border: 2px solid black;
}
.origin_content{
	width: 100px;
	height: 100px;
	background:url(../img/bg_flower.gif);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-origin:content-box;
}
.origin_padding{
	width: 100px;
	height: 100px;
	background:url(../img/bg_flower.gif);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-origin:padding-box;
}
.orgin_border{
	width: 100px;
	height: 100px;
	background:url(../img/bg_flower.gif);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-origin:border-box;
}
/*
 * 可以放置多个图片
 */
.img_multi{
	width: 100px;
	height: 100px;
	background-size:100% 100%;
	background-image:url(../img/bg_flower.gif),url(../img/bg_flower_2.gif);
}
